<template>
    <div class="common-layout">
     <el-container>
        <el-aside width="250px" class="left">
            <div class="flex items-center">
            <el-avatar
                class="mr-3"
                :size="100"
                src="https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png"
            />
            </div>
            <!-- 这里缺一个插值语法填充学生名字 -->
            
            <h3 class="name">姓名</h3>

            <el-divider />

            <el-space direction="vertical" :size="20" class="space" alignment="">
                <router-link active-class="active" to="/Personcenter/Favorites" style="text-decoration:none">
                <span><el-icon><StarFilled /></el-icon> 收藏夹</span>
                </router-link>
                <router-link active-class="active" to="/Personcenter/Personalnotes" style="text-decoration:none">
                <span><el-icon><Management /></el-icon> 个人笔记</span>
                </router-link>
                <router-link active-class="active" to="/Personcenter/Myanswer" style="text-decoration:none">
                <span><el-icon><Notebook /></el-icon> 我的题解</span>
                </router-link>
            </el-space>

            <el-divider />
            <el-space direction="vertical" :size="20" class="space" alignment="">
                <router-link active-class="active" to="/Personcenter/Analysis" style="text-decoration:none">
                <span><el-icon><PieChart /></el-icon> 做题分析</span>
                </router-link>
                <router-link active-class="active" to="/Personcenter/Schedulemanagement" style="text-decoration:none">
                <span><el-icon><Histogram /></el-icon> 进度管理</span>
                </router-link>
            </el-space>

            <el-divider/>
            <el-space direction="vertical" :size="20" class="space" alignment="">
                <router-link active-class="active" to="/Personcenter/Personalinformation" style="text-decoration:none">
                <span><el-icon><Document /></el-icon> 个人信息</span>
                </router-link>
                <router-link active-class="active" to="/Personcenter/Accountsecurity" style="text-decoration:none">
                <span><el-icon><HelpFilled /></el-icon> 账号安全</span>
                </router-link>
            </el-space>
            
            <el-divider/>
        </el-aside>

        <el-container>
            <el-main><router-view/></el-main>
        </el-container>
        </el-container>
    </div>


</template>

<script>
import axios from 'axios'

    export default {
        name:'personcenterleft',
        data(){
            return{
                studentsDetails:[],
            }
        },
        // created(){
        //     axios.get('http://localhost:8080/student/students').then(
        //         response => {
        //             console.log('请求学生信息成功',response.data)
        //             this.studentsDetails = [...response.data.data]
        //         }
        //     )
        // },
        computed(){
            getstudentname:{
                return 
            }

        },
        

    }
</script>

<style>
.name{
    margin-left: 20px;
}
.space{
    margin-top: 0px;
    margin-bottom: -20px;
    font-family: "Times New Roman", Times, serif;
    
}


</style>